<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客首页</title>
    <style>
        .box {
            width: 50%;
            padding: 20px;
            border-bottom: 1px dashed gray;

        }

        .box p {
            font-size: 12px;
            color: lightgray;
        }
    </style>
</head>
<body>
<h1>博客首页</h1>
{% if blogs %}
    {% for blog in blogs %}
        <div class="box">
            <h3>{{ blog.title }}</h3>
            <p>{{ blog.content }}</p>
            <p>
                作者：<span>{{ blog.author }}</span>&nbsp;&nbsp;&nbsp;&nbsp;
                作者：<span>{{ blog.author }}</span>&nbsp;&nbsp;&nbsp;&nbsp;
                作者：<span>{{ blog.author }}</span>&nbsp;&nbsp;&nbsp;&nbsp;


            </p>
        </div>
    {% endfor %}

{% else %}
    还没有任何的博客文章，赶快点击<a href="">发表</a> 吧。
{% endif %}
</body>
</html>